<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<style type="text/css">
		#div1,
		#div2 {
			float: left;
			width: 198px;
			height: 66px;
			margin: 10px;
			padding: 10px;
			border: 1px solid #aaaaaa;
		}

		img {
			width: 198px;
			height: 66px;
		}
	</style>
	<body>

		//加入图片
		<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
			<img src="../images/arrowright.svg" draggable="true" ondragstart="drag(event)" id="drag1" />
			<a href="home_tool_bar.html" draggable="true" ondragstart="drag(event)" id="drag2" >6666</a>
		</div>
		<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
	</body>

	<script type="text/javascript">
		function allowDrop(ev) {
			ev.preventDefault();
		}

		function drag(ev) {
			ev.dataTransfer.setData("Text", ev.target.id);
		}

		function drop(ev) {
			ev.preventDefault();
			var data = ev.dataTransfer.getData("Text");
			console.log("data",data);
			ev.target.appendChild(document.getElementById(data));
		}
	</script>
</html>
